<template>
  <div class="empl">
    <!--头部个人信息-->
    <div class="me-header">
      <div class="me-info">
        <router-link :to="{name:'updateUserinfo'}" class="me-info-lf">
          <img v-if="isHeadImgUrl" :src="user.headImgUrl.substr(0,4).toLowerCase() == 'http' ? user.headImgUrl : resUrl+user.headImgUrl" alt="">
          <img v-if="!isHeadImgUrl" src="../../../static/images/shiming/touxiang.png" alt="">
          <div class="me-info-name">
            <h3>{{user?user.nickName:'未登录'}}</h3>
            <span>{{user?userType:'未认证'}}</span>
          </div>
        </router-link>
        <div class="grade-box">
          <div class="weui-progress">
            <!--<div class="grade-num">{{accountInfo?accountInfo.empiricalVal:'400'}}/500</div>-->
            <div class="weui-progress__bar">
              <div class="weui-progress__inner-bar js_progress" style="width: 70%;"></div>
            </div>
            <div class="grade-text">还差<span>100</span>点经验值升级至<span>公爵</span></div>
          </div>
        </div>
      </div>
      <div class="me-info-rt">
        <div class="me-country">
          <img class="country-name" src="static/images/country/dengji.png" alt="">
          <div class="level-name" style="background-image: url(static/images/country/country.png)">
            {{countryName}}
          </div>
        </div>
      </div>

    </div>

    <div class="splitBlock"></div>

    <!--会员中心-->
    <div class="me-vip">
      <router-link :to="{name:'wait'}" class="me-vip-fl">
        <div>
          <span class="icon icon-huiyuanguanli"></span>
        </div>
        <div>
          <h4>会员中心</h4>
          <p>最贵权益 唯您专享</p>
        </div>
      </router-link>
      <router-link :to="{name:'wait'}" class="me-vip-rt">
        <div>
          <span class="icon icon-huiyuanqia"></span>
        </div>
        <div>
          <h4>拍拍信用</h4>
          <p>即为信用 唯您专享</p>
        </div>
      </router-link>
    </div>

    <div class="splitBlock"></div>

    <!--我的钱包-->
    <div class="me-money">
      <div>
        <router-link :to="{name:'spareMoney'}">
          <p>{{(accountInfo?accountInfo.balance:0) | toDecimal}}</p>
          <p>余额</p>
        </router-link>
      </div>
      <div>
        <router-link :to="{name:'cashDeposit'}">
          <p>{{(accountInfo?accountInfo.cashDeposit:0) | toDecimal}}</p>
          <p>保证金</p>
        </router-link>
      </div>
      <!--<div>-->
        <!--<router-link :to="{name:'redPackes'}">-->
          <!--<p>{{(accountInfo?accountInfo.redPackes:0) | toDecimal}}</p>-->
          <!--<p>红包收入</p>-->
        <!--</router-link>-->
      <!--</div>-->
      <div>
        <router-link :to="{name:'bidCoin'}">
          <p>{{(accountInfo?accountInfo.bidCoin:0) | toDecimal}}</p>
          <p>拍币</p>
          <div class="triangle">
            <p>拍拍商城</p>
          </div>
        </router-link>
      </div>
    </div>

    <div class="splitBlock"></div>

    <!--我的订单-->
    <div class="me-order">
      <div class="me-buy-order">
        <span>我买到的</span>
        <router-link :to="{name:'myOrder',query:{status:null}}">
          <span>查看全部订单 <span class="icon icon-more"></span></span>
        </router-link>
      </div>
      <ul>
        <li>
          <router-link :to="{name:'myOrder',query:{status:5}}">
            <div class="order-icon dfk"><span class="order-num" v-show="waitForPayTotal>0">{{waitForPayTotal}}</span></div>
            <p>待付款</p>
          </router-link>
        </li>
        <li>
          <router-link :to="{name:'myOrder',query:{status:10}}">
            <div class="order-icon dfh"><span class="order-num" v-show="waitForDeliveryTotal>0">{{waitForDeliveryTotal}}</span></div>
            <p>待发货</p>
          </router-link>
        </li>
        <li>
          <router-link :to="{name:'myOrder',query:{status:15}}">
            <div class="order-icon dsh"><span class="order-num" v-show="waitForReceiveTotal>0">{{waitForReceiveTotal}}</span></div>
            <p>待收货</p>
          </router-link>
        </li>
        <li>
          <router-link :to="{name:'myOrder',query:{status:20}}">
            <div class="order-icon dpj"><span class="order-num" v-show="waitForEvaluationTotal>0">{{waitForEvaluationTotal}}</span></div>
            <p>待评价</p>
          </router-link>
        </li>
        <li>
          <router-link :to="{name:'myOrder',query:{status:100}}">
            <div class="order-icon sh"><span class="order-num" v-show="wasSafeguardTotal>0">{{wasSafeguardTotal}}</span></div>
            <p>退款/售后</p>
          </router-link>
        </li>
      </ul>
    </div>

    <!--参加的竞拍-->
    <div class="me-bid">
      <router-link :to="{name:'myBid'}">
        <span>参加的竞拍</span>
        <span class="icon icon-more"></span>
      </router-link>
    </div>

    <!--我卖出的-->
    <div class="me-bid">
      <router-link :to="{name:'sellOrder'}">
        <span>我卖出的</span>
        <span class="icon icon-more"></span>
      </router-link>
    </div>

    <div class="splitBlock"></div>

    <!--我的工具-->
    <div class="my-tool">
      <p class="my-tool-title">我的工具</p>
      <ul>
        <li>
          <router-link :to="{name:'myFollow'}">
            <div class="order-icon my-collection"></div>
            <p>我的关注</p>
          </router-link>
        </li>
        <li>
          <router-link :to="{name:'wait'}">
            <div class="order-icon my-history"></div>
            <p>浏览历史</p>
          </router-link>
        </li>
        <li>
          <router-link :to="{name:'myBill'}">
            <div class="order-icon my-bill"></div>
            <p>我的账单</p>
          </router-link>
        </li>
        <li>
          <router-link :to="{name:'addressList',query:{source:'me'}}">
            <div class="order-icon my-address"></div>
            <p>收货地址</p>
          </router-link>
        </li>
        <li>
          <router-link  :to="{name:'help'}">
            <div class="order-icon my-service"></div>
            <p>帮助中心</p>
          </router-link>
        </li>
        <li>
          <a href="javascript:;" @click.prevent="myShopClick">
            <div class="order-icon my-dpgl"></div>
            <p>我的店铺</p>
          </a>
        </li>
      </ul>
    </div>

    <div class="splitBlock"></div>


    <div class="me-bid">
      <a href="javascript:;" @click.prevent="personalClick">
        <span>实名认证</span>
        <div>
          <span :class="{red:userText=='立即认证'}">{{userText}}</span>
          <span class="icon icon-more"></span>
        </div>
      </a>
    </div>
    <div class="me-bid">
      <a href="javascript:;" @click.prevent="shopAutClick">
        <span>店铺认证</span>
        <div>
          <span :class="{red:shopText=='申请开店'}">{{shopText}}</span>
          <span class="icon icon-more"></span>
        </div>
      </a>
    </div>

    <!--个人与店铺管理-->
    <!--<div class="my-tool my-Authentication">-->
      <!--<div class="my-Authentication-title">-->
        <!--<ul>-->
          <!--<li :class="{active:isAut==1}" @click="toggleAut(1)">个人认证</li>-->
          <!--<li :class="{active:isAut==2}" @click="toggleAut(2)">店铺认证</li>-->
        <!--</ul>-->
        <!--<a href="javascript:;" v-show="isAut==1" @click.prevent="personalClick">-->
          <!--<span>{{userText}}</span>-->
          <!--<span class="icon icon-more"></span>-->
        <!--</a>-->
        <!--<a href="javascript:;" v-show="isAut==2"  @click.prevent="shopAutClick">-->
          <!--<span>{{shopText}}</span>-->
          <!--<span class="icon icon-more"></span>-->
        <!--</a>-->
      <!--</div>-->
      <!--&lt;!&ndash;个人认证&ndash;&gt;-->
      <!--<ul v-show="isAut==1">-->
        <!--<li>-->
          <!--<a href="javascript:;">-->
            <!--<div class="order-icon my-ppdd"></div>-->
            <!--<p>拍品订单</p>-->
          <!--</a>-->
        <!--</li>-->
        <!--<li>-->
          <!--<a href="javascript:;">-->
            <!--<div class="order-icon my-ppgl"></div>-->
            <!--<p>拍品管理</p>-->
          <!--</a>-->
        <!--</li>-->
      <!--</ul>-->
      <!--&lt;!&ndash;店铺认证&ndash;&gt;-->
      <!--<ul v-show="isAut==2">-->
        <!--<li>-->
          <!--<a href="javascript:;">-->
            <!--<div class="order-icon my-ppdd"></div>-->
            <!--<p>拍品订单</p>-->
          <!--</a>-->
        <!--</li>-->
        <!--<li>-->
          <!--<a href="javascript:;">-->
            <!--<div class="order-icon my-ppgl"></div>-->
            <!--<p>拍品管理</p>-->
          <!--</a>-->
        <!--</li>-->
        <!--<li>-->
          <!--<a href="javascript:;" @click.prevent="myShopClick">-->
            <!--<div class="order-icon my-dpgl"></div>-->
            <!--<p>店铺管理</p>-->
          <!--</a>-->
        <!--</li>-->
        <!--<li>-->
          <!--<a href="javascript:;">-->
            <!--<div class="order-icon my-zcgl"></div>-->
            <!--<p>专场管理</p>-->
          <!--</a>-->
        <!--</li>-->
      <!--</ul>-->
    <!--</div>-->

    <div class="splitBlock"></div>

    <!--设置-->
    <div class="me-bid">
      <router-link :to="{name:'setUp'}">
        <span>设置</span>
        <span class="icon icon-more"></span>
      </router-link>
    </div>
    <div class="splitBlock"></div>

    <footer-vue></footer-vue>
  </div>
</template>

<script>
  import {setStore,getStatusMapByKey,getStatusByKeyVal,getUser,setUser} from '../../assets/js/tools';
  import {ipconfig} from '../../assets/js/ipconfig';
  import {getUserMsg,getAccount,getMyOrderList} from '../../assets/js/getData';
  export default {
    name: "me",
    data(){
      return {
        resUrl:ipconfig.resUrl,//图片、视频、音频等资源访问路径
        wxWebAuthUrl:ipconfig.wxWebAuthUrl,
        loginUrl:ipconfig.loginUrl,
        user:null,
        userType:'',//用户类型
        accountInfo:null,//用户账户信息
        affiliationCountry:null,//国家
        userText:'立即认证',//个人实名认证状态
        shopText:'申请开店',//店铺认证状态
        isHeadImgUrl:false,
        countryName:null,//国家名称

        isAut:1,

        waitForPayTotal:null,//待付款订单数量
        waitForDeliveryTotal:null,//待发货订单数量
        waitForReceiveTotal:null,//待收货订单数量
        waitForEvaluationTotal:null,//待评价订单数量
        wasSafeguardTotal:null,//退款售后订单数量
      }
    },
    created(){
      let eShopStatus = getStatusMapByKey('eShopStatus');
      let eIdCardInfoStatus = getStatusMapByKey('eIdCardInfoStatus');

      let shopAudited = eShopStatus['audited'].val;//店铺已审核7
      let idCardAudited =  eIdCardInfoStatus['audited'].val;//个人已审核7

      let eOrderStatus = getStatusMapByKey('eOrderStatus');
      let waitForPay = eOrderStatus.waitForPay.val;//待付款5
      let waitForDelivery = eOrderStatus.waitForDelivery.val;//待发货10
      let waitForReceive = eOrderStatus.waitForReceive.val;//待收货15
      let waitForEvaluation = eOrderStatus.waitForEvaluation.val;//待评价20

      this.user = getUser();

      //判断是否选择国家
      if(this.user.hasOwnProperty("affiliationCountry")){
        this.affiliationCountry = this.user.affiliationCountry;

        this.countryName = getStatusByKeyVal('eAffiliationCountry',this.affiliationCountry).name;
        //获取用户类型
        let userType = getStatusByKeyVal('eUserType',this.user.type).name;
        if(userType=='用户'){
          this.userType = '个人认证';
        }else if(userType=='商户'){
          this.userType = '商家认证';
        }

        //判断用户头像
        if(this.user.hasOwnProperty("headImgUrl")){
          this.isHeadImgUrl = true;
        }else {
          this.isHeadImgUrl = false;
        }

        //获取用户账户信息
        getAccount().then(res => {
          if(res.data.reqResult.code>0){
            if(res.data.hasOwnProperty('data')){
              this.accountInfo = res.data.data;
              setStore('accountInfo',this.accountInfo);
            }
          }else {
            Toast(res.data.reqResult.msg);
          }
        });

        //判断个人与店铺认证是否通过
        if(this.user.userIdCardStatus==idCardAudited&&this.user.shopAudittingStatus==shopAudited){
          this.userText = '已认证';
          this.shopText = '已开店';
        }else {
          //未通过刷新用户信息，获取认证状态
          this.getUserMsg();
        }

        //获取待付款订单数量
        getMyOrderList({status:waitForPay}).then(res => {
          if(res.data.reqResult.code>0){
            this.waitForPayTotal = res.data.data.data.length;
          }else {
            Toast(res.data.reqResult.msg);
          }
        });
        //获取收货订单数量
        getMyOrderList({status:waitForDelivery}).then(res => {
          if(res.data.reqResult.code>0){
            this.waitForDeliveryTotal = res.data.data.data.length;
          }else {
            Toast(res.data.reqResult.msg);
          }
        });
        //待收货订单数量
        getMyOrderList({status:waitForReceive}).then(res => {
          if(res.data.reqResult.code>0){
            this.waitForReceiveTotal = res.data.data.data.length;
          }else {
            Toast(res.data.reqResult.msg);
          }
        });
        //待评价订单数量
        getMyOrderList({status:waitForEvaluation}).then(res => {
          if(res.data.reqResult.code>0){
            this.waitForEvaluationTotal = res.data.data.data.length;
          }else {
            Toast(res.data.reqResult.msg);
          }
        });
        //退款售后订单数量
        getMyOrderList({wasSafeguard:1}).then(res => {
          if(res.data.reqResult.code>0){
            this.wasSafeguardTotal = res.data.data.data.length;
          }else {
            Toast(res.data.reqResult.msg);
          }
        });
      }else {
        this.$router.replace({name:'setCountry'});
      }

    },
    methods:{
      //切换个人与实名认证
      toggleAut(k){
        this.isAut = k;
      },

      //点击我的店铺
      myShopClick(){
        this.getUserMsg();
        if(this.shopText != '已开店'){
          MessageBox('', '店铺未开通，请先申请开店');
          return;
        }
        this.$router.push({name:'shopDetail',query:{userId:this.user.id}});
        // if(this.userText == '已认证'){
        //   if(this.shopText == '已开店'){
        //     this.$router.push({name:'shopDetail',query:{userId:this.user.id}});
        //   }else if(this.shopText == '审核中'){
        //     this.$router.push({name:'shopAudit'});
        //   }else if(this.shopText == '未通过'){
        //     this.$router.push({name:'shopFail'});
        //   }else if(this.shopText == '申请开店'){
        //     this.$router.push({name:'shopAut'});
        //   }
        // }else if(this.userText == '审核中'){
        //   this.$router.push({name:'personAudit'});
        // } else if(this.userText == '立即认证'){
        //   this.$router.push({name:'personAut'});
        // }
      },

      //点击个人认证
      personalClick(){
        if(this.userText == '已认证'){
          this.$router.push({name:'alreadyAut'});
        }else if(this.userText == '审核中'){
          this.$router.push({name:'personAudit'});
        }else if(this.userText == '未通过'){
          this.$router.push({name:'personFail'});
        }else if(this.userText == '立即认证'){
          this.$router.push({name:'personAut'});
        }
      },
      //点击店铺认证
      shopAutClick(){
        if(this.userText != '已认证'){
          MessageBox.confirm('',{
            message: '仅通过实名认证的用户，才可申请开店',
            confirmButtonText:'立即实名认证'
          }).then(() => {
            this.personalClick();
          }).catch(()=>{});
          return;
        }
        if(this.shopText == '已开店'){
          this.$router.push({name:'shopRevise'});
        }else if(this.shopText == '审核中'){
          this.$router.push({name:'shopAudit'});
        }else if(this.shopText == '未通过'){
          this.$router.push({name:'shopFail'});
        }else if(this.shopText == '申请开店'){
          this.$router.push({name:'shopAut'});
        }
      },

      //刷新用户信息
      async getUserMsg(){
        let res = await getUserMsg();
        if(res.data.reqResult.code>0){
          let data = res.data.data.user;
          //实名认证状态
          if(data.hasOwnProperty("userIdCardStatus")){
            this.user.userIdCardStatus = data.userIdCardStatus;
            this.userText = getStatusByKeyVal('eIdCardInfoStatus',this.user.userIdCardStatus).name;
            if(this.userText=='已审核'){
              this.userText = '已认证';
            }
          }else {
            this.userText = '立即认证';
          }
          //店铺认证状态
          if(data.hasOwnProperty("shopAudittingStatus")){
            this.user.shopAudittingStatus = data.shopAudittingStatus;
            this.shopText = getStatusByKeyVal('eShopStatus',this.user.shopAudittingStatus).name;
            if(this.shopText=='已审核'){
              this.shopText = '已开店';
            }
          }else {
            this.shopText = '申请开店';
          }
          setUser(this.user);
        }else {
          Toast(res.data.reqResult.msg);
        }
      },


    }
  }
</script>

<style scoped>
  /*头部个人信息*/
  .me-header{
    background-image: url("../../../static/images/me/me-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
  }
  .me-info{
    width: 52.3vw;
    margin-left: 0.75rem;
    padding-top: 1.3rem;
    padding-bottom: 1.2rem;
  }
  .me-info-lf{
    display: flex;
  }
  .me-info-lf img{
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
  }
  .me-info-rt{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
     /*padding-top: 1.3rem;*/
  }
  .me-country{
    position: relative;
  }
  .me-info-rt .country-name{
    width: 2.75rem;
  }
  .level-name{
    width: 1.9rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    color: #FFF;
    font-size: 0.45rem;
    background-size: cover;
    position: relative;
    top: -0.4rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .me-info-name{
    color: #ffffff;
    margin-left: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .me-info-name h3{
    font-size: 0.75rem;
    font-weight: normal;
    margin-bottom: 0.5rem;
  }
  .me-info-name span{
    background-color: #E0A939;
    font-size: 0.45rem;
    padding: 0 0.4rem;
    border-radius: 0.5rem;
    height: 0.8rem;
    line-height: 0.8rem;
    display: inline-block;
  }
  .grade-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.35rem;
  }
  .country-name{
    width: 3.55rem;
  }
  .country-name img{
    width: 100%;
  }
  .weui-progress{
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
  }
  .weui-progress__bar{
    height: 2px;
    width: 100%;
    background-color: #666666
  }
  .weui-progress__inner-bar{
    background-color: #EAB634;
  }
  .grade-text{
    color: #999999;
    font-size: 0.65rem;
    line-height: 0.65rem;
    margin-top: 0.5rem;
  }
  .grade-text span{
    color: #D3CA9F;
  }
  /*会员中心*/
  .me-vip{
    display: flex;
    height: 4.65rem;
  }
  .me-vip-fl,.me-vip-rt{
    display: flex;
    width: 50%;
    align-items: center;
    padding-left: 0.75rem;
  }
  .me-vip .icon{
    font-size: 1.6rem;
    color: #EAB634;
  }
  .me-vip h4{
    font-weight: normal;
    color: #EAB634;
    font-size: 0.7rem;
    line-height: 0.7rem;
    margin-bottom: 0.55rem;
  }
  .me-vip p{
    color: #999999;
    font-size: 0.6rem;
    line-height: 0.6rem;
  }
  .me-vip-fl>div:first-child,.me-vip-rt>div:first-child{
    margin-right: 0.5rem;
  }
  /*我的钱包**/
  .me-money{
    display: flex;
    justify-content: space-between;
  }
  .me-money>div{
    width: 4.6rem;
    height: 3.25rem;
    text-align: center;

  }
  .me-money>div a{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

  }
  .me-money>div>a>p:first-child{
    color: #656565;
    font-size: 0.7rem;
    line-height: 0.7rem;
    margin-bottom: 0.65rem;
  }
  .me-money>div p:last-child{
    color: #000000;
    font-size: 0.7rem;
    line-height: 0.7rem;
  }
  .me-money>div:last-child{
    background-color: #F5EED0;
    position: relative;
    overflow: hidden;
  }
  .me-money>div:last-child div.triangle{
    position: absolute;
    top: -0.9rem;
    right: -1.75rem;
    background-color: #C50000;
    width: 4rem;
    height: 2.4rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    transform: rotate(45deg) scale(0.6);
  }
  .me-money>div:last-child div.triangle p{
    color: #ffffff;
    font-size: 0.67rem;
  }
  /*我的订单*/
  .me-order{
    padding-top: 1rem;
    padding-bottom: 1.3rem;
  }
  .me-order>div{
    display: flex;
    justify-content: space-between;
    padding: 0 0.75rem;
    margin-bottom: 1.2rem;
    color: #282828;
    font-size: 0.7rem;
  }
  .me-order>div>a{
    color: #666666;
  }
  .icon-more{
    font-size: 0.7rem;
    font-weight: bold;
    color: #656565;
  }
  .me-order>ul,.me-shop>ul{
    display: flex;
  }
  .me-order>ul>li,.me-shop>ul>li{
    flex: 1;
    text-align: center;
  }
  .order-icon{
    width: 1.65rem;
    height: 1.55rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: relative;
  }
  .dfk{
    background-image: url("../../../static/images/me/dfk.png");
  }
  .dfh{
    background-image: url("../../../static/images/me/dfh.png");
  }
  .dsh{
    background-image: url("../../../static/images/me/dsh.png");
  }
  .dpj{
    background-image: url("../../../static/images/me/dpj.png");
  }
  .sh{
    background-image: url("../../../static/images/me/sh.png");
  }
  .order-num{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background-color: #c50000;
    color: #fff;
    border-radius: 50%;
    font-size: 0.45rem;
    position: absolute;
    top: 0.15rem;
    right: 0;
    transform: translateX(50%);
    padding: 0.05rem;
  }
  .me-order>ul>li>a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 3rem;
  }
  .me-order>ul p,.me-shop>ul p{
    color: #999999;
    font-size: 0.65rem;
  }
  .me-order>ul .icon,.me-shop>ul .icon{
    font-size: 1.5rem;
  }
  /*我的工具*/
  .my-tool-title{
    padding: 0 0.75rem;
    color: #282828;
    font-size: 0.7rem;
    height: 1.9rem;
    line-height: 1.9rem;
  }
  .my-tool>ul{
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.6rem;
    padding-bottom: 0.15rem;
  }
  .my-tool>ul li{
    width: 33.33333%;
    margin-bottom: 1rem;
  }
  .my-tool>ul li a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .my-tool>ul li a p{
    color: #999999;
    font-size: 0.65rem;
    line-height: 0.65rem;
    margin-top: 0.4rem;
  }
  .my-collection{
    background-image: url("../../../static/images/me/cp.png");
  }
  .my-history{
    background-image: url("../../../static/images/me/lljl.png");
  }
  .my-bill{
    background-image: url("../../../static/images/me/bill.png");
  }
  .my-address{
    background-image: url("../../../static/images/me/dzgl.png");
  }
  .my-service{
    background-image: url("../../../static/images/me/kfzx.png");
  }
  /*个人认证、店铺认证*/
  .my-Authentication{
    padding-top: 0.8rem;
  }
  .my-Authentication-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.75rem;
    font-size: 0.7rem;
  }
  .my-Authentication-title ul{
    display: flex;
  }
  .my-Authentication-title li{
    height: 1.7rem;
    line-height: 1.7rem;
    color: #282828;
    padding: 0 0.1rem;
    box-sizing: border-box;
  }
  .my-Authentication-title li:first-child{
    margin-right: 0.8rem;
  }
  .my-Authentication-title li.active{
    color: #C50000;
    border-bottom: 2px solid #C50000;
  }
  .my-Authentication-title a{
    color: #656565;
    font-size: 0.7rem;
  }
  .my-Authentication>ul{
    margin-top: 1.1rem;
  }
  .my-ppdd{
    background-image: url("../../../static/images/me/order.png");
  }
  .my-ppgl{
    background-image: url("../../../static/images/me/ppgl.png");
  }
  .my-dpgl{
    background-image: url("../../../static/images/me/dpgl.png");
  }
  .my-zcgl{
    background-image: url("../../../static/images/me/zcgl.png");
  }
  .my-cpgl{
    background-image: url("../../../static/images/me/cpgl.png");
  }


  /*参加的竞拍、我卖出的、设置*/
  .me-bid{
    border-top: 1px solid #ebebeb;
  }
  .me-bid>a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 3rem;
    padding: 0 0.75rem;
    color: #282828;
    font-size: 0.7rem;
  }
  .me-bid .icon-more{
    font-size: 0.7rem;
    font-weight: bold;
    color: #656565;
  }
</style>
